.public_head{
    height: 1.32rem;
    border-bottom: 1px solid #f5f5f5;
    position: fixed;
    top: 0rem;
    background-color: #fff;
    z-index: 222;
    width: 100%;
}
.public_head .public_name .photo{
    float: left;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    display: inline-block;
    margin-top: 0.26rem;
    vertical-align: bottom;
}
.public_head .public_name{
    height: 1.32rem;
    display: block;
    width: 3.05rem;
    margin: 0 auto;
}
.public_head .public_name .name{
    font-size: 0.4rem;
    margin-left: 0.25rem;
    line-height: 0.8rem;
    height: 0.8rem;
    margin-top: 0.3rem;
    float: left;
    width: 2.0rem;
    text-align: left;
    display: -webkit-box;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Certificationmore_btn {
    position: absolute;
    top: 0.5rem;
    right: 0.32rem;
}
.Certificationmore_btn .Certificationmore_btn_img{
    width: 0.8rem;
    height: 0.2rem;
    background: url("../../img/icon_dp_gengdu.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Certificationmore_dailog p {
    font-size: 0.32rem;
    line-height: 0.8rem;
}
.Certificationmore_dailog p .viewedit_icon{
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
    background: url("../../img/img_gyj_nianji@3x.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Certificationmore_dailog p .viewdelete_icon{
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
    background: url("../../img/img_gyjshanchu@3x.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Certificationmore_dailog{
    position: absolute;
    top: 1.32rem;
    right: 0rem;
    background: #fff;
    z-index: 20;
    border: 1px solid #eee;
    padding: 0.2rem;

}
#article .details{
    margin-top: 1.3171rem;
    border-bottom: 0.15rem solid #f5f5f5;
}
#article .details ul{
    padding: 0.45rem 0.45rem;
}
#article .details ul li{
    display: inline-block;
    width: 49%;
    padding: 0.2rem 0rem;
    position: relative;
}
#article .details ul li img{
    width: 0.45rem;
    height: 0.45rem;
    float: left;
}
.viewDetail_dayTime{
    position: absolute;
    top: 0.3rem;
    left: 0.05rem;
    color: #e22e51;
    font-size: 0.32rem;
    font-style: normal;
}
#article .details ul li span{
    font-size: 13px;
    vertical-align: text-bottom;
    margin-left: 0.15rem;
}
#article .details ul li span .line{
    color: #e22e51;
}
.article_content{
    border-bottom: 6px solid #f7f5f6;
    padding: .32rem;
}
.article_content_title{
    font-size: 0.45rem!important;
    font-weight: bold;
    text-align: center;
    line-height: 0.8rem;
    margin: .2rem 0 0 0;
    display: block;
}

.article_content .article_text{
    padding: .3rem 0;
    font-size: 0.34rem;
    color: #666;
    line-height: 0.6rem;
}
.article_content  .article_content_author{
    font-size: 0.32rem;
    line-height: 0.8rem;
    color: #999;
}
.article_content .article_mainContent img{
    width: 100%!important;
    height: auto!important;
    display: block;
    margin: 0.3rem 0rem;
}
.article_content .article_mainContent video{
    width: 100%!important;
    height: auto!important;
    display: block;
    border-radius: 0.1rem;
}
.article_content .article_mainContent embed{
    width: 100% !important;
    height:auto!important;
    display:block;
}
.article_content .article_mainContent span{
    font-size: 0.36rem!important;
    line-height: 1.5!important;
}
.article_content .article_mainContent h1,.article_content .article_mainContent h2,.article_content .article_mainContent h3
.article_content .article_mainContent h4,.article_content .article_mainContent h5{
    font-size: 0.42rem!important;
    line-height: 1.5!important;
}
.article_content .article_mainContent {
    color: #555;
    font-size: 0.36rem;
    line-height: 1.5;
}
.article_content .article_mainContent b{
    color: #333;
}
.article_content .public_pading {
    padding: .1rem .32rem;
}
.article_content .article_img>img{
    width: 100%;
    height: auto;
    display: block;
}
.article_content.article_xtitle{
    font-size: 0.4rem;
    color: #333;
    line-height: 0.8rem;
}

/*相关文章*/
.index_dr{
    padding: 0 0.32rem;
    border-bottom: 6px solid #f7f8f9;
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
}
.index_title{
    /*font-size:16px*/
}

.index_more{
    font-size: 12px;
    color: #e5335d;
}

.index_dr .index_li_a:nth-child(1){
    width: 57%;
    float:right;
    margin-left:1%;
}

.index_dr .index_li_a:nth-child(2){
    width:42%;
    float:left;
}

.index_dr .index_li_a:nth-child(2) img{
    /*width:3.93rem;*/
    width: 100%;
    height:2.41rem;
    display: block;
    border-radius: 0.1rem;
}

.Repertoire{
    margin-bottom: 0.5rem;
    /*border-bottom: 6px solid #f7f8f9;*/

}

.index_li_a span{
    color:#b3b2b2
}
.index_li_a>span:nth-child(1){
    margin-right: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    font-size: 0.32rem;
    line-height: 0.4rem;
    height:1.2rem;
    margin-bottom: 0.555rem;
    color:#373a3a!important;
}

.index_li_a>span:last-child{
    /*float: left;*/
    /*margin-left: 0.3rem;*/
    font-size: 0.32rem;
    color: #b3b2b2;
}

.index_li_eye{
    display: block;
    width: 0.4rem;
    background: url(../../pic/icon_gyankanl.png);
    background-size: 100%;
    height: 0.6rem;
    float: left;
    margin-left: 0.2rem;
    background-repeat: no-repeat;
    background-position: center top;
}


.index_dr ul li{
    clear: both;padding: 0.25rem 0rem;
    height: auto;
    overflow: hidden;
    /*border-bottom: 6px solid #f7f8f9;*/
}
.index_dr .index_a_span{
    display: block;
    width: 0.6rem;
    /*background: url(../../pic/aa3.jpg);*/
    /*background-size: cover;*/
    height: 0.6rem;
    float: left;
    margin-right: 0.2rem;
}


.yp{
    width: 1rem;
    background: #f096af;
    color: #fff!important;
    display: block;
    text-align: center;
    padding: 0.08rem;
    border-radius: 4px;
    float: left;
}


/*、、热门评论*/
.TopComments{
    padding: 0.32rem;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #f7f6f6;
}
.TopComments span{
    display: block;
}
.TopComments_userImg{
    width: 11%;
}

.TopComments_userImg>img{
    width:1.0rem;
    height: 1.0rem;
    display: block;
    border-radius: 50%;
}

.TopComments_content{
    width: 86%;
    float: left;
    margin-left: 3%;
    position: relative;
}
.TopComments .TopComments_dz span{
    margin: 0 0.1rem;
}
.TopComments .TopComments_dz .zansBtn{
    display: block;
    background: url(../../img/new_icon_wz_x_dianzan.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: .2rem;
}
.TopComments .TopComments_dz .zansBtn.active{
    background: url(../../img/new_icon_wz_x_dianzanl.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.TopComments .TopComments_dz .replyList_icon{
    display: block;
    background: url(../../img/new_icon_wz_x_huifu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.34rem;
    margin-left: .2rem;
    margin-top: 0.08rem;
}
/*.TopComments_dz  .active{*/
    /*background: url(../../pic/icon_dianz_l.png);*/
    /*display: block;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100%;*/
    /*width: 0.51rem;*/
    /*height: 0.46rem;*/
    /*float: left;*/
    /*margin-left: .2rem;*/
/*}*/



.TopComments .TopComments_dz{
    height: auto;
    overflow: hidden;
    line-height: 0.5rem;
    margin-top: 0.2rem;
}

.TopComments_user{
    background: #f7f5f6;
    padding: 0.1rem .32rem;
}
.TopComments_user>p{
    line-height: 0.6rem;
}

.TopComments_user>p span{
    /*float: left;*/
    font-size: 0.32rem;

}

/*用户凭论*/

.TopComments_concat{
    border-top: 1px solid #ddd;
    height: auto;
    overflow: hidden;
    height: 1.2rem;
    padding: 0rem 0.32rem;
    /* margin: 0 auto; */
    z-index: 99;
    position: fixed;
    bottom: 0rem;
    background: #fff;
    width: 100%;
    line-height: 1.2rem;
}
.concat_left img{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    /*float: left;*/
    margin-right: .2rem;
    vertical-align: middle;
}
.concat_left{
    width: 88%;
}
.concat_left input{
    height: 0.7rem;
    /* width: 3.5rem; */
    width: 90%;
    border-radius: 0.7rem;
    line-height: 0.7rem;
    border: none;
    color: #999;
    background: #F7F6F6;
    padding-left: .2rem;
}
.concat_left>div{
    height: 0.9rem;
    /* width: 3.5rem; */
    width: 100%;
    font-size: 0.3rem;
    border-radius: 0.9rem;
    line-height: 0.9rem;
    border: none;
    color: #666;
    background: #F7F6F6;
    padding-left: .2rem;
    margin-top: 0.15rem;
}
.concat_left .editActive_btn{
    height: 0.9rem;
    /* width: 3.5rem; */
    font-size: 0.34rem;
    width: 100%;
    border-radius: 0.9rem;
    background: url(../../img/shop_bg.png)no-repeat center center;
    -webkit-background-size: 100% 100%;
    text-align: center;
    color: #fff;
    line-height: 0.9rem;
    margin-top: 0.15rem;
    background-size: 100% 100%;
}
.concat_right i{
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    margin: 0.25rem 0.2rem;
}
.concat_right .viewdetail_ding_icon {
    background: url("../../img/new_icon_wz_ding.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.concat_right .viewdetail_replay_icon{
    background: url("../../img/new_icon_wz_x_huifu.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

}
.view_zan_div .viewdetail_zan_icon{
    width: 0.37rem;
    height: 0.37rem;
    margin-top: 0.1rem;
    background: url("../../img/new_icon_wz_x_dianzan.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.view_zan_div .viewdetail_zan_icon.active{
    background: url("../../img/new_icon_wz_x_dianzanl.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.concat_right .viewdetail_cang_icon{
    background: url("../../img/new_icon_wz_shoucang.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.concat_right .viewdetail_cang_icon.active{
    background: url("../../img/new_icon_wz_shoucangl.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.public_head i{
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    position: absolute;
    right: 0.32rem;
    top: 0rem;
    margin: 0.3rem 0.2rem;
}
.public_head .viewdetail_cang_icon{
    background: url("../../img/new_icon_wz_shoucang.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.public_head .viewdetail_cang_icon.active{
    background: url("../../img/new_icon_wz_shoucangl.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}



/*//作者认证*/

.Certification{
    height: auto;
    overflow: hidden;
    padding: 0.2rem 0px;
    position: relative;
}
.Certification .view_zan_reportbtn{
    display: block;
    padding: 0rem 0.3rem;
    line-height: 0.5rem;
    font-size: 0.34rem;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    margin-top: 0.05rem;
    color: #666;

}
.Certification a,.Certification span{
    display: block;
    font-size: 0.34rem;
    line-height: 0.6rem;
    color: #e72e62;
    margin-left: 0.2rem;
    font-weight: bold;
}

.Certification_right a{
     display: block;
     /*width: 1.6rem;*/
      padding: 0 0.3rem;
     line-height: .55rem;
     border: 1px solid #e72e62;
     text-align: center;
     border-radius: 0.55rem;
    font-weight: bold;
     color: #e72e62;
     background: #fff;
 }
.Certification_right a.active{
    border: 1px solid #F7F6F6;
    text-align: center;
    border-radius: 0.6rem;
    color: #666;
    background: #F7F6F6;
}
.Certification_right {
    position: absolute;
    top: 20%;
    right: 0.32rem;
}
.article_user .hr_1{
    display: block;
    width: 2rem;
    height: 1px;
    background: #f7f5f6;
    /*float: left;*/
    margin-top: 0.2rem;

}
.article_user{
    height: .5rem;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    position: relative;
    margin: .4rem auto;
}
.article_user span{
    float: left;
    margin: 0rem 0.1rem;

}
html,body{
    height: 100%;
    width: 100%;
    position: relative;
}
/*评论发表*/
.viewComments_send{
    /*position: fixed;*/
    position: absolute;
   top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 999;
    display: none;
}
.viewComments_send .viewComments_send_content{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /*height: 4.0rem;*/
    background:#fff;
    padding: 0 0.32rem;
}
.viewComments_send .viewComments_send_content .colorComent{color: #e72e62;}
.viewComments_send_content_p{
    font-size:0.4rem;
    color: #999;
    line-height: 0.8rem;
}
.viewComments_send .viewComments_send_content textarea{
    width: 100%;
    height: 2.5rem;
    font-size: 0.34rem;
    line-height: 0.5rem!important;
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
    color: #999;
    background: #F7F6F6;
    border: none!important;
    border-radius: 0.2rem;
    padding: 0.1rem;
    box-sizing: border-box;
    resize : none;
}
.viewComments_send .action_length{
    position: absolute;
    bottom: 0.45rem;
    right: 0.36rem;
    color: #666;
    background:#F7F6F6;
}
.article_mainContent video{
    width: 100%!important;
    height:auto!important;
    display: block;
}

/*筛选*/
.commentSelect_div{
    font-size: 0.34rem;
    width: 2.1rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}
.commentSelect_div span{
    color: #666;
    width: 1.0rem;
    text-align: center;
    line-height: 0.4rem;
    margin: 0.1rem 0;
}
.commentSelect_div span:first-child{
    border-right: 1px solid #999;
}
.commentSelect_div span.active{
    color: #e72e62;
}

